$(document).ready(function() {
    //当滚动条的位置处于距顶部50像素以下时，跳转链接出现，否则消失
    $(function() {
      $(window).scroll(function() {
        if ($(window).scrollTop() >200) {
          $("#btn").fadeIn(200);
      //   } else {
      //     $("#btn").fadeOut(200);
      //   
      }
      });
      //当点击跳转链接后，回到页面顶部位置
      $("#btn").click(function() {
        $('body,html').animate({
          scrollTop: 0
        },
        500);
        return false;
      });
    });
  });
   window.addEventListener("load", function () {
      //设置秒杀专场开始时间基于1970年的毫秒数
      var startTime = +new Date("2020-08-25T22:00:00");
      //设置秒杀专场当天的00:00时基于1970年的毫秒数
      var zeroOclock = +new Date("2020-07-16T00:00:00");
      //将上述两个时间相减，将结果换算成24小时制的时间放在specialTime里显示用于表明多少点的场次
      var h1 = (startTime - zeroOclock) / 1000 / 60 / 60;
      //若时间为个数，前面补个0
      h1 = h1 < 10 ? "0" + h1 : h1;
      //获取显示场次信息的那个div元素的对象
      var box = document.getElementById("specialTime");
      //在里面添加两个p标签，分别存放时间和描述性中文
      //box.innerHTML = "<p id=\"strong\">"+ h1 + ":00</p>" + "<p id=\"nomal\">点场 倒计时</p>";
      //获取时分秒盒子的对象
      var hhh = document.getElementById('hour')
      var fff = document.getElementById('minute')
      var mmm = document.getElementById('second')
      //获取当前时间基于1970年的毫秒数
      var now = +new Date;
      // 如果开场时间未到，则不停地计时
      if ((startTime - now) > 0) {
         cal();
         var countDown = setInterval(cal, 1000);
      }

      function cal() {
         // 重新获取当前时间
         now = +new Date();
         // 计算开场时间与现在时间的差
         var leftTime = startTime - now;
         // 分别计算年月日
         var h = parseInt(leftTime / 1000 / 60 / 60 % 24);
         h = h < 10 ? "0" + h : h;
         var m = parseInt(leftTime / 1000 / 60 % 60);
         m = m < 10 ? "0" + m : m;
         var s = parseInt(leftTime / 1000 % 60);
         s = s < 10 ? "0" + s : s;
         // 如果时间到了，则停止计时，时间没到的话，就更新倒计时
         if ((h + m + s) != "00000000") {
            hhh.innerHTML = h;
            fff.innerHTML = m;
            mmm.innerHTML = s;
         } else {
            fff.innerHTML = s;
            clearInterval(countDown);
         }
      }
   })

   $(function () {
      $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
         // Get the name of active tab
         var activeTab = $(e.target).text();
         // Get the name of previous tab
         var previousTab = $(e.relatedTarget).text();
         $(".active-tab span").html(activeTab);
         $(".previous-tab span").html(previousTab);
      });
   });

   $(window).scroll(function () {
      var cc = document.getElementById('ddhdh')
      var hh = document.getElementById('react')
      var dd = document.getElementById('reacta')
      var ff = document.getElementById('reactb')
      var text = document.getElementById('texta')
      var textb = document.getElementById('textb')
      var fliax = document.getElementById('fliax')
      var scroll = $(document).scrollTop();
      
      console.log(scroll)
      if (scroll >= 264) {
         cc.style.cssText ="position:fixed;top:0;z-index:1000;width:105%;background:red;box-shadows:red 2px 2px 10px";
         fliax.style.cssText = "opacity:1;";
      }
      else {
         cc.style.cssText = '';
         fliax.style.cssText='';
      }
   })